<template>
	<view>
		<view class="header f32 c333">
		供应商: 零散供应商
		</view>
		<view class="box">
			<view class="box-t">
				<view class="box-one f28 c666">
					2020-03-25 15:09:23
				</view>
				<view class="box-two f32 c333">
					累计欠供货商:¥388.00
				</view>
			</view>
			<view class="box-b">
				<image src="../../static/spe/02.png" mode="aspectFit"></image>
			</view>
		</view>
		<view class="box">
			<view class="box-t">
				<view class="box-one f32 c333">
			本次应付：¥388.00
				</view>
				<view class="box-two f32 c333">
				本次付款：¥0
				</view>
			</view>
			<view class="box-b">
				
			</view>
		</view>
		<view class="null">
			
		</view>
		<view class="box">
			<view class="box-t">
				<view class="box-one f28 c666">
					2020-03-25 15:09:23
				</view>
				<view class="box-two f32 c333">
					累计欠供应商:¥388.00
				</view>
			</view>
			<view class="box-b">
			
			</view>
		</view>
		<view class="box">
			<view class="box-t">
				<view class="box-one f32" style="color: #249AF6;">
		老板将欠供应商款调整为：¥488.00
				</view>
				<view class="box-two f32 c333">
				备注: 备注备注备注备注
				</view>
			</view>
			<view class="box-b">
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				supplierId:'',
				recordList:[]
			}
		},
		onShow() {
			this.supplierId=uni.getStorageSync('supplierId')
			this.getAccount()
		},
		onLoad() {
			
		},
		methods: {
		
			//对账记录
			
			getAccount(){
				let that=this;
				that.$ajax('api/v1.supplier/accountLog',{
					supplier_id:that.supplierId,
					page_size:15

				}).then(res=>{
					if(res.code==1){
						that.recordList=res.result.list
					}
				}).catch(res=>{
					that.$sToast(res.message)
				})
			}
			
			
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f7f4f8;
	}
	.header{
		height: 91rpx;
		line-height: 91rpx;
		background-color:#f5f5f5;
		padding-left: 30rpx;

	}
	.box{
		background-color: #FFFFFF;
		padding: 40rpx 30rpx;
		display: flex;
		justify-content: space-between;
		 box-sizing: border-box;
		 border-bottom: 2rpx solid #eeeeee;
		 &:last-child{
			 border-bottom: none;
		 }
		 .box-t{
			 .box-one{
				 line-height:30rpx;
			 }
			 .box-two{
				 margin-top: 25rpx;
				 line-height:30rpx;
			 }
		 }
		 .box-b{
			 image{
				 width:40rpx;
				 height:40rpx;
				margin-top: 20rpx;
			 }
		 }
	}
	.null{
		height: 20rpx;
	}
</style>
